<template>
	<div class="flex shujufenxi">
    <left2></left2>
    <div style="padding: 30px; width: calc(100vw - 220px);">
      <el-tabs v-model="activeName" type="card">
          <el-tab-pane label="时域波形" name="third">
              <shiyuboxing class="animate__animated animate__fadeIn"></shiyuboxing>
          </el-tab-pane>
          <el-tab-pane label="频谱分析" name="first">
            <div style="background: #fff;">
              <pinpufenxi class="animate__animated animate__fadeIn"></pinpufenxi>
            </div>
          </el-tab-pane>
          <el-tab-pane label="趋势分析" name="second">
              <qushifenxi class="animate__animated animate__fadeIn"></qushifenxi>
          </el-tab-pane>
          <el-tab-pane label="长时域波形" name="four">
            <div style="background: #fff;">
              <changshiyuboxing class="animate__animated animate__fadeIn"></changshiyuboxing>
            </div>
          </el-tab-pane>
          <el-tab-pane label="多时域波形" name="six">
            <duoshiyuboxing class="animate__animated animate__fadeIn"></duoshiyuboxing>
          </el-tab-pane>

          <el-tab-pane label="采样值趋势" name="caiyang">
            <caiyangzhiqushi class="animate__animated animate__fadeIn"></caiyangzhiqushi>
          </el-tab-pane>
          <el-tab-pane label="阶次分析" name="jieci">
            <jiecifenxi2 class="animate__animated animate__fadeIn"></jiecifenxi2>
          </el-tab-pane>
          <el-tab-pane label="倒谱分析" name="daopu">
            <daopufenxi2 class="animate__animated animate__fadeIn"></daopufenxi2>
          </el-tab-pane>
          <el-tab-pane label="包络联调" name="baoluo">
            <baoluoliantiao2 class="animate__animated animate__fadeIn"></baoluoliantiao2>
          </el-tab-pane>
          <el-tab-pane label="瀑布图" name="pubu">
            <pubutu class="animate__animated animate__fadeIn"></pubutu>
          </el-tab-pane>
          <el-tab-pane label="波形在处理" name="seven">
            <boxingzaichuli class="animate__animated animate__fadeIn"></boxingzaichuli>
          </el-tab-pane>

<!--          <el-tab-pane label="函数功能测试" name="five">
            <hanshugongneng></hanshugongneng>
          </el-tab-pane> -->


      </el-tabs>
    </div>
  </div>
</template>

<script>
  import left2 from '@/view/left2.vue'
  import pinpufenxi from './pinpufenxi/list.vue'
  import qushifenxi from './qushifenxi/list.vue'
  import shiyuboxing from './shiyuboxing/list.vue'
  import changshiyuboxing from './changshiyuboxing/list.vue'
  import duoshiyuboxing from './duoshiyuboxing/list.vue'
  import hanshugongneng from './hanshugongneng/list.vue'
  import boxingzaichuli from './boxingzaichuli/list.vue'
  import caiyangzhiqushi from './caiyangzhiqushi/list.vue'
  import jiecifenxi2 from './jiecifenxi2/list.vue'
  import daopufenxi2 from './daopufenxi2/list.vue'
  import baoluoliantiao2 from './baoluoliantiao2/list.vue'
  import pubutu from './pubutu/list.vue'

  import * as echarts from 'echarts';
  import { gettree} from '@/api/xitong'
	export default {
		name: 'left',
    components:{
      left2,qushifenxi,shiyuboxing,pinpufenxi,changshiyuboxing,duoshiyuboxing,hanshugongneng,boxingzaichuli,caiyangzhiqushi,jiecifenxi2,daopufenxi2,baoluoliantiao2,pubutu
    },
		data() {
			return {
        activeName:"third"
			}
		},
    beforeDestroy() {

    },
		created() {

		},
		mounted() {


		},
		methods: {

		}
	}
</script>


<style scoped lang="less">
  .shujufenxi{
    /deep/ .el-tabs__header{ margin: 0;}
    /deep/ .el-tabs__content{ background: #fff;}
    /deep/ .el-tabs__item.is-active{ background: #fff;}
  }
</style>
